@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font:14px Arial,"microsoft yahei"; color:#666; background:rgba(255,255,255,1);}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; }
ul,li,ol{list-style:none;}

a{text-decoration:none; color:#666;}
a:hover{text-decoration:none; color:#1d5fb6;}
.clear{clear:both;}
.clear:after { content: ''; display: block; clear: both; }
img{border:0}

.fl{ float:left;}
.fr{ float:right;}

@font-face {font-family:'syhtcn'; src: url('../fonts/SourceHanSansCN-Regular_0.otf') format('truetype'); }

.c1200{ width:1200px; margin:0 auto;}

input,textarea,select,button{  font-family:Arial,"Microsoft YaHei";}
input:focus,textarea:focus,select:focus,button:focus{ outline:none;}


/* header */
.index-header{ width: 100%; position: fixed; left: 0;  top: 0; background-color: #fff; z-index: 99999; height: 100px;   min-width: 1200px; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1);}
.index-header .logo,.header .logo{ width: 390px; height: 54px; margin:23px 0 0 0; }
.index-header .logo a,.header .logo a{ display: block; width: 390px; height: 54px; background: url(../images/logo.png) center center no-repeat;}

.index-header .nav,.header .nav{ margin:0 0 0 0; width: 810px;  }
.index-header .nav ul,.header .nav ul{ float: right; }
.index-header .nav ul li,.header .nav ul li{ float: left;  line-height: 100px; margin-left: 40px; text-align: center; font-size: 16px; color: #333; }
.index-header .nav ul li a,.header .nav ul li a{ color: #333; display: block; padding:0 3px;}
.index-header .nav ul li.on,.index-header .nav ul li:hover,.header .nav ul li.on,.header .nav ul li:hover{ font-weight: bold;}
.index-header .nav ul li.on a,.index-header .nav ul li:hover a,.header .nav ul li.on a,.header .nav ul li:hover a{ color: #1d5fb6;}

.nav li .box{width:100%; position:absolute; top:100px; z-index: 9999; left:0; padding:0; background:rgba(255,255,255,0.9); display:none; border-top:1px solid #1d5fb6; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1);}
.nav li .box .boxNavC{width:1250px; margin:0 auto; padding: 20px 0;}
.nav li .box .boxNav{ width:200px; height:170px; margin:10px 25px 10px; text-align:center; float:left;}
.nav li .box .boxNav a{ display:block; border:0; height:auto; line-height:40px; padding:0; color:#333; font-size:14px;}
.nav li .box .boxNav a:hover{text-decoration: underline;}

.header{ width: 100%; position: relative; background-color: #fff; z-index: 99999; height: 100px; min-width: 1200px; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1);}


.index_main {width: 100%;}
#superContainer {height: 100%;position: relative;-ms-touch-action: none;touch-action: none;}
#dn-nav {position: fixed;top: 50%;z-index: 100;margin-top: -32px;opacity: 1;-webkit-transform: translate3d(0, 0, 0);}
#dn-nav.right {right: 17px;}
#dn-nav li { width: auto; height: auto ; margin: 0 0 0 0; vertical-align: middle;}
#dn-nav li a { float: right; width: 12px; height: 25px ; margin:10px 0;  background-color: #fff; border-radius: 6px;  text-decoration: none; text-align: right; transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1);}
#dn-nav li .active {   background-color: #c94b14; }
#dn-nav span { display: none;}

.section { position: relative; overflow: hidden; min-width: 1200px; background-color: #fff;}
.fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell, .fp-auto-height.fp-section {height: auto!important;} 

.section1{ background: #fff;}
.index-banner{width: 100%;position: relative;height: 100vh;background: #fff;}
.index-banner .bd{margin: 0 auto;position: relative;z-index: 0;overflow: hidden;}
.index-banner .bd ul{width: 100% !important;}
.index-banner .bd li{width: 100% !important;height:  100vh;overflow: hidden;text-align: center;}
.index-banner .bd li a{display: block;height:  100vh;}
.index-banner .bd li img{ width: 100%; height: 100%;}
.index-banner .hd{width: 100%;position: absolute;z-index: 1;bottom: 3%;left: 0;  height: 14px; text-align: center;}
.index-banner .hd ul{text-align: center; width: 100%;  display: block;}
.index-banner .hd ul li{cursor: pointer;display: inline-block;*display: inline;zoom: 1;width: 25px;height: 12px; border-radius: 6px; margin: 5px;background:#fff;overflow: hidden;line-height: 9999px; transition: all 0.8s;  -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1);}
.index-banner .hd ul .on{ background: #c94b14; width: 40px;}

.section .sectionTitle{ width: 100%; position: absolute; left: 0; top: -30%; color: #fff;  transition: all 1s;}
.section .sectionTitle .zh{ font-size: 48px; line-height: 48px; }
.section .sectionTitle .zh span{ color: #1d5fb6;}
.section .sectionTitle .cn{ margin-left: 5px; font-size: 14px; margin-top: 25px; text-transform: uppercase; letter-spacing: 1px;}

.section2{ background: url(../images/banner/page2.jpg) center center no-repeat;}
.section2 .index-about{ width: 62.5%; min-width: 1100px; margin: auto; position: relative; height: 100%;}
.section2 .aboutCont{width: 41.6%; overflow: hidden;  margin-left: -100%;   left: 0; top: 35%; position: absolute; transition: all 1s;}
.section2 .aboutCont .tab-bd{ float: left; width: 100%;}
.section2 .aboutCont .tab-bd .cont{overflow: hidden;zoom: 1; float: left; width: 100%;}
.section2 .aboutCont .tab-bd .cont .title{ float: left; width: 100%;}
.section2 .aboutCont .tab-bd .cont .title .number{ width: 10.625rem;  overflow: hidden;  height: 7.5rem; background-color: #fff; text-align: center; position: relative;}
.section2 .aboutCont .tab-bd .cont .title .number p{ font-size: 6rem; font-weight: bold; height: 7.5rem; line-height: 7.5rem;  width: 100%; color: #1d5fb6; position: absolute; left: 0; }
.section2 .aboutCont .tab-bd .cont .title .name{ margin:1.875rem 0 0 1.875rem; line-height: 1.875rem;}
.section2 .aboutCont .tab-bd .cont .title .name p{ font-size: 14px; color: #eee; text-transform: uppercase; }
.section2 .aboutCont .tab-bd .cont .title .name span{ font-size: 30px; color: #fff;}
.section2 .aboutCont .tab-bd .cont .con{ font-size: 16px; color: #fff; line-height: 28px; margin-top: 3.125rem;}
.section2 .aboutCont .tab-bd .cont .more{ margin-top: 2.5rem ; width: 8.125rem; height: 2.5rem; padding-left: 2.5rem;  line-height: 2.5rem; background:#fff url(../images/more1.png) center right 2.5rem no-repeat;}
.section2 .aboutCont .tab-bd .cont .more a{ display: block; color: #1d5fb6;}
.section2 .aboutCont .tab-bd .cont .more:hover{ background:#1d5fb6 url(../images/more2.png) center right 2.5rem no-repeat;}
.section2 .aboutCont .tab-bd .cont .more:hover a{ color: #fff;}
.section2 .aboutCont .tab-hd{ float: left; width: 100%; margin-top: 3.125rem;}
.section2 .aboutCont .tab-hd ul{ margin-left: 30px; }
.section2 .aboutCont .tab-hd li{float: left; height: 30px; width: 30px; cursor: pointer; margin: 0 10px; text-align: center; text-align: center; line-height: 30px; color: #fff;}
.section2 .aboutCont .tab-hd li.on{background-color: #1d5fb6; position: relative;  }

.section2 .aboutImg{ width: 47%; position: absolute; right: 0; top: 35%; margin-right: -100%; transition: all 1s;}
.section2 .aboutImg img{ width: 100%;}

@media screen and (max-width:1440px){
.section2 .index-about{ width: 57.3%; min-width: 1000px; margin: auto; position: relative; height: 100%;}
.section2 .aboutCont .tab-bd .cont .title .name{ margin:0 0 0 1rem; line-height: 1.875rem;}
.section2 .aboutCont .tab-bd .cont .con{ font-size: 14px; color: #fff; line-height: 26px; margin-top: 3.125rem;}
.section2 .aboutCont .tab-bd .cont .more{ margin-top: 1rem ; width: 8.125rem; height: 2.5rem; padding-left: 2.5rem;  line-height: 2.5rem; background:#fff url(../images/more1.png) center right 2.5rem no-repeat;}
.section2 .aboutCont .tab-hd{ float: left; width: 100%; margin-top: 1.5rem;}

}



.section3{ background: url(../images/banner/page3.jpg) center center no-repeat;}
.section3 .index-pro{ width: 62.5%; min-width: 1100px; margin: auto; position: relative; height: 100%;}
.section3 .proList{width: 100%;overflow: hidden; position: absolute; top: 100%; transition: all 1s;}
.section3 .proList .tab-hd{ width: 100%; }
.section3 .proList .tab-hd ul{ text-align: center;}
.section3 .proList .tab-hd li{ display: inline-block;   margin: 0 5px;}
.section3 .proList .tab-hd li a{display: block; font-size: 14px; color: #fff; padding: 8px 16px; border: solid 1px #fff;}
.section3 .proList .tab-hd li:hover a,.section3 .proList .tab-hd li.on a{color: #fff; border-color: #1d5fb6; background-color: #1d5fb6; }

.section3 .proList .tab-bd{ margin-top:65px;}
.section3 .proList .tab-bd ul{overflow: hidden;zoom: 1; text-align: center;}
.section3 .proList .tab-bd li{ width: 31.3%; display: inline-block; position: relative; overflow: hidden; margin-right: 2%;}
.section3 .proList .tab-bd :last-child{ margin-right: 0;}
.section3 .proList .tab-bd li img{ width: 100%;position: relative; z-index: 1;}
.section3 .proList .tab-bd li .cont{ width: 100%; height: 100%; position: absolute; z-index: 2; top: 100%; left: 0; background-color: rgba(29, 95, 182, 0.6); transition: all 1s;}
.section3 .proList .tab-bd li .cont .line{ width: 90%; height: 90%; border: solid 1px rgba(255, 255, 255, 0.5); position: absolute; z-index: 2; top: 5%; left: 5%;;}
.section3 .proList .tab-bd li .cont .name{ width: 70%; line-height: 30px; text-align: center; padding: 0 0; color: #fff; font-size: 18px; position: absolute; top: 35%; left: 15%; margin-top:0; z-index: 3; font-weight: bold;}
.section3 .proList .tab-bd li .cont .name:hover{ color: #fff; }
.section3 .proList .tab-bd li .cont .link{ width: 28px; height: 28px; border: solid 1px #fff; position: absolute; border-radius: 50%; bottom: 35%; left: 50%; margin:0 0 0 -15px; display: block; text-align: center; line-height: 28px; z-index: 3;}
.section3 .proList .tab-bd li .cont .link a{ display: block; color: #fff; font-size: 18px;; }
.section3 .proList .tab-bd li .cont .link:hover{ background-color: #fff; }
.section3 .proList .tab-bd li .cont .link:hover a{color: #1d5fb6;}
.section3 .proList .tab-bd li:hover .cont{ top: 0;}
@media screen and (max-width:1440px){
.section3 .index-pro{ width: 57.3%; min-width: 1000px; margin: auto; position: relative; height: 100%;}
.section3 .proList .tab-hd li{ display: inline-block;   margin: 0 7px;}
.section3 .proList .tab-hd li a{display: block; font-size: 14px; color: #fff; padding: 10px 24px; border: solid 1px #fff;}
.section3 .proList .tab-bd{ margin-top:40px;}
.section3 .proList .tab-bd li{ width: 31.3%; display: inline-block; position: relative; overflow: hidden; margin-right: 2%;}
}

.section4{ background: url(../images/banner/page4.jpg) center center no-repeat;}
.section4 .index-factory{ width: 62.5%; min-width: 1100px; margin: auto; position: relative; height: 100%;}
.section4 .factoryList{ width: 100%; height: 26.25rem; position: absolute; right: 0; top: 35%; -webkit-transform:scale(0.0, 0.0); transform:scale(0.0, 0.0); transition: all 1s;}
.section4 .factoryList .left{ width: 50%; height: 26.25rem; overflow: hidden;}
.section4 .factoryList .left img{ width: 100%; height: 26.25rem; transition: all 1s;}
.section4 .factoryList .mid,.section4 .factoryList .right{ width: 25%; height: 26.25rem;}
.section4 .factoryList .mid .img,.section4 .factoryList .right .img{ width: 100%; height: 13.125rem;overflow: hidden;}
.section4 .factoryList .mid .img img,.section4 .factoryList .right .img img{  width: 100%; height: 13.125rem; transition: all 1s;}
.section4 .factoryList .mid .cont,.section4 .factoryList .right .cont{ width: 100%; height: 13.125rem;  text-align: center;}
.section4 .factoryList .mid .cont{ background-color: #fff;}
.section4 .factoryList .right .cont{ background-color: #333;}
.section4 .factoryList .mid .cont a,.section4 .factoryList .right .cont a{ display: block; width: 100%; height: 8.625rem; padding-top: 4.5rem;}
.section4 .factoryList .mid .cont .p1{ font-size: 18px; color: #333; }
.section4 .factoryList .mid .cont .p2{ font-size: 14px; color: #999; text-transform: uppercase; margin-top: 3px;}
.section4 .factoryList .mid .cont .p3{ width: 24px; height: 9px ; margin:10px auto 0; background: url(../images/more1.png) center center no-repeat;}
.section4 .factoryList .right .cont .p1,.section4 .factoryList .mid .cont:hover .p1{ font-size: 18px; color: #fff; }
.section4 .factoryList .right .cont .p2,.section4 .factoryList .mid .cont:hover .p2{ font-size: 14px; color: #fff; text-transform: uppercase; margin-top: 3px;}
.section4 .factoryList .right .cont .p3,.section4 .factoryList .mid .cont:hover .p3{ width: 24px; height: 9px ; margin:10px auto 0; background: url(../images/more2.png) center center no-repeat;}
.section4 .factoryList .left:hover img,.section4 .factoryList .mid .img:hover img,.section4 .factoryList .right .img:hover img{ transform:scale(1.2, 1.2);}
.section4 .factoryList .mid .cont:hover,.section4 .factoryList .right .cont:hover{ background-color: #1d5fb6;}

@media screen and (max-width:1440px){
.section4 .index-factory{ width: 57.3%; min-width: 1000px; margin: auto; position: relative; height: 100%;}
.section4 .factoryList{  top: 32%; }  
}

.section5{ background: url(../images/banner/page5.jpg) center center no-repeat;}
.section5 .index-news{ width: 62.5%; min-width: 1100px; margin: auto; position: relative; height: 100%;}
.section5 .newsList{width: 100%; overflow: hidden; position: absolute; left: 0; top: 100%; transition: all 1s;}
.section5 .newsList .tab-hd{ float: left; width: 100%;}
.section5 .newsList .tab-hd ul{ width: 100%;}
.section5 .newsList .tab-hd li{float: left;height: 48px; text-align: center; border: solid 1px #fff; cursor: pointer; color: #fff; line-height: 48px; width: 138px; margin-right: 20px;}
.section5 .newsList .tab-hd li.on,.section5 .newsList .tab-hd li:hover{ border-color: #1d5fb6; background-color: #1d5fb6; color: #fff;}
.section5 .newsList .tab-bd{ float: left; width: 100%; overflow: hidden; margin-top: 1.875rem;}
.section5 .newsList .tab-bd ul{overflow: hidden;zoom: 1; width: 102.5%; margin: 0 -1.25%;}
.section5 .newsList .tab-bd li{float: left; width: 47.5%; height: 9.375rem; background-color: #fff; margin: 1.25%;}
.section5 .newsList .tab-bd li a{ display: block;}
.section5 .newsList .tab-bd li .img{ width: 30%; height: 9.375rem; overflow: hidden;}
.section5 .newsList .tab-bd li .img img{ width: 100%;  height: 9.375rem; transition: all 1s;}
.section5 .newsList .tab-bd li .cont{ width: 63%; padding:1.25rem 3.5%;height: 6.875rem;}
.section5 .newsList .tab-bd li .cont .name{ font-size: 18px; color: #333;}
.section5 .newsList .tab-bd li .cont .time{ font-size: 14px; color: #999; margin: 5px 0;}
.section5 .newsList .tab-bd li .cont .con{ font-size: 14px; color: #666; line-height: 26px;}
.section5 .newsList .tab-bd li:hover { background-color: #1d5fb6;}
.section5 .newsList .tab-bd li:hover .img img{ transform:scale(1.2, 1.2);}
.section5 .newsList .tab-bd li:hover .name,.section5 .newsList .tab-bd li:hover .time,.section5 .newsList .tab-bd li:hover .con{ color: #fff;}

.section5 .newsList .more{ margin: 2.5rem auto; width: 8.125rem; height: 2.5rem; padding-left: 2.5rem;  line-height: 2.5rem; background:#fff url(../images/more1.png) center right 2.5rem no-repeat;}
.section5 .newsList .more a{ display: block; color: #1d5fb6;}
.section5 .newsList .more:hover{ background:#1d5fb6 url(../images/more2.png) center right 2.5rem no-repeat;}
.section5 .newsList .more:hover a{ color: #fff;}

@media screen and (max-width:1440px){
.section5 .index-news{ width: 57.3%; min-width: 1000px; margin: auto; position: relative; height: 100%;}
.section5 .newsList .more{ display: none;}
}

.section6{ background: url(../images/banner/page6.jpg) center center no-repeat;}
.section6 .index-partner{ width: 62.5%; min-width: 1100px; margin: auto; position: relative; height: 100%;}
.section6 .partnerList{ width: 100%; position: absolute; left: 0; top: 45%;  transition: all 1s;}
.section6 .partnerList ul{ width: 101%; margin: 0 -0.5%;}
.section6 .partnerList ul li{ float: left; width: 24%; margin: 0.5%;}
.section6 .partnerList ul li img{ width: 100%; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.section6 .partnerList ul li:hover img{  -webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}

@media screen and (max-width:1440px){
.section6 .index-partner{ width: 57.3%; min-width: 1000px; margin: auto; position: relative; height: 100%;}

}

footer{ width: 100%; position: relative;}
.footer{ width: 100%; padding: 30px 0;  background-color: #2e6bab;}
.footer .footerLeft{ width: 1070px;}
.footer .footerLeft dl{ float: left; width: 118px; padding-right: 60px;}
.footer .footerLeft dl dt{ font-size: 14px; color: #fff; font-weight: bold; margin-bottom: 15px;}
.footer .footerLeft dl dd{ margin: 8px 0;}
.footer .footerLeft dl dd a{ font-size: 14px; color: #fff;}
.footer .footerLeft dl dd a:hover{ text-decoration: underline;}
.footer .footerRight{ width: 130px;}
.footer .footerRight img{ width: 130px; height: 130px;}
.footer .footerRight p{ width: 100%; text-align: center; color: #fff; font-size: 14px; margin-top: 5px;}
.copy{ width: 100%; padding:15px 0; color: #999; text-align: center; font-size: 14px; background-color: #fff;}
.copy a{ color: #999;}
.copy a:hover{ color: #1d5fb6; text-decoration: underline;}
.links{width: 100%; overflow: hidden; line-height: 24px; margin-top: 30px; color: #fff;}
.links .left{ font-weight: bold; font-size: 14px; width:75px;}
.links .right{ width: 1120px;}
.links .right a{ color: #fff; float: left; margin-right: 10px;}
.links .right a:hover{ text-decoration: underline;}


/* CSS3过度及动画 */
.active .sectionTitle { top: 20%; transition-delay: 0.7s; opacity: 1; }
.active .aboutImg { margin-right: 0; opacity: 1; transition-delay: 0.7s;}
.active .aboutCont { margin-left: 0; opacity: 1; transition-delay: 0.7s;}
.active .factoryList{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .newsList { top: 30%; transition-delay: 0.7s; opacity: 1; }
.active .partnerList { top: 35%; transition-delay: 0.7s; opacity: 1; }
.active .proList { top: 35%; transition-delay: 0.7s; opacity: 1; }


/* for ltie 10 */
.ltie10 .sectionTitle { top: 20%; transition-delay: 0.7s; opacity: 1; }
.ltie10 .aboutImg { margin-right: 0; opacity: 1; transition-delay: 0.7s;}
.ltie10 .aboutCont { margin-left: 0; opacity: 1; transition-delay: 0.7s;}
.ltie10 .factoryList{ opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .newsList { top: 30%; transition-delay: 0.7s; opacity: 1; }
.ltie10 .partnerList { top: 35%; transition-delay: 0.7s; opacity: 1; }
.ltie10 .proList { top: 35%; transition-delay: 0.7s; opacity: 1; }


/* pageBanner */
.pageBanner{ width: 100%; height: 360px; margin: auto; position: relative; z-index: 2; }
.pageBanner .cont{ width: 100%; height: 360px; background-color: rgba(0,0,0,0.1); color: #fff;  font-family: 'syhtcn';}
.pageBanner .cont .name{ width: 100%; font-size: 48px; font-weight: bold; padding-top: 100px;}
.pageBanner .cont .slogan{ width: 100%; font-size: 24px; font-weight: bold; margin-top: 10px;}

/* fenye */
.pages{ margin:60px 0 ; text-align: center;font-size:12px;}
.pages a { display:inline-block; height:32px; line-height:32px; background:#eee; text-align:center; color:#333; padding:0 12px; margin:0 2px;}
.pages a:hover { background:#1d5fb6;color:#fff; text-decoration:none }
.pages span{ display:inline-block; height:32px; line-height:32px; background:#1d5fb6; color:#fff; text-align:center; padding:0 13px; margin:0 2px;}

.pages1{ width: 1140px; padding: 30px; margin: 40px auto; background-color: #ededed;}
.pages1 a{ font-size: 14px; color: #999;}
.pages1 a:hover{ color: #1d5fb6; text-decoration: underline;}

/* pageNav */
.pageNav{ width: 100%; background-color: #f5f5f5;}
.pageNav ul{ }
.pageNav li{ float: left; height: 70px; line-height: 70px; margin: 0; font-size: 16px; border-right: solid 1px #e7e7e7;}
.pageNav li:first-child{ border-left: solid 1px #e7e7e7;}
.pageNav li a{ display: block; color: #999; padding: 0 20px;}
.pageNav li.on,.pageNav li:hover{ background-color: #1d5fb6;}
.pageNav li.on a,.pageNav li:hover a{ color: #fff; font-weight: bold;}

/* pageAbout */
.pageAbout{ width: 1200px; margin: 60px auto; position: relative; font-size: 14px; color: #333; line-height: 28px;}
.pageAbout img{ max-width: 100%;}

/* pageHonor */
.pageHonor {   margin: 40px auto; }
.pageHonor ul { width: 1242px; margin: 0 -21px; }
.pageHonor ul li { width: 370px; height: 308px; float: left; border: 1px solid #ececec; margin: 21px 21px ; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; }
.pageHonor ul li:hover { -webkit-box-shadow: rgba(0,0,0,0.1) 0 0 20px; -moz-box-shadow: rgba(0,0,0,0.1) 0 0 20px; box-shadow: rgba(0,0,0,0.1) 0 0 20px; }
.pageHonor ul li img { display: block; width: 330px; height: 220px; margin: 18px auto;  }
.pageHonor ul li span { display: block; padding: 0 15px;  line-height: 58px; font-size: 16px; color: #333; text-align: center; overflow: hidden; }
#boxer{-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
#boxer-overlay{background:#000; height:100%; left:0; position: fixed; top:0; width:100%; z-index: 99999;}
#boxer{background:#fff; box-shadow: 0 0 20px rgba(0,0,0,0.2); padding:10px; position: absolute; z-index: 99999;}
#boxer .boxer-close{background:rgba(0, 0, 0, 0.67) url(../images/iconImg.png) no-repeat 0 0px; cursor:pointer; display:block; height:50px; position:fixed; right:10px; top:10px; width:50px;text-indent:-99999px; z-index:106;}
#boxer .boxer-close:hover{ background:#1d5fb6 url(../images/iconImg.png) no-repeat 0px 0px;}
#boxer .boxer-arrow{background:rgba(0, 0, 0, 0.67) url(../images/iconImg.png) no-repeat 0 -50px; cursor:pointer; display:block; height:50px; margin:0 auto; position: absolute; text-indent:-99999px; top:50px; width:50px;}
#boxer .boxer-arrow.previous{left:0px;}
#boxer .boxer-arrow.previous:hover{background:#1d5fb6 url(../images/iconImg.png) no-repeat 0 -50px; left:0px;}
#boxer .boxer-arrow.next{background-position:-50px -50px; right:0px;}
#boxer .boxer-arrow.next:hover{background:#1d5fb6 url(../images/iconImg.png) no-repeat -50px -50px;  right:0px;}
#boxer .boxer-position{color:#999; font-size:12px; margin:0; padding:10px 0 6px;}
#boxer .boxer-caption p{margin:0;padding:0; font-size:16px;}
#boxer .boxer-caption.gallery p{padding: 0; text-align:center; line-height:50px;}
#boxer.loading .boxer-container{background: #fff url(../images/loading.gif) no-repeat center;}


/* pageDevice */
.pageDevice {   margin: 40px auto; }
.pageDevice ul { width: 1240px; margin: 0 -20px; }
.pageDevice ul li { width: 578px; height: 344px; float: left; border: 1px solid #ececec; margin: 20px ; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; }
.pageDevice ul li:hover { -webkit-box-shadow: rgba(0,0,0,0.1) 0 0 20px; -moz-box-shadow: rgba(0,0,0,0.1) 0 0 20px; box-shadow: rgba(0,0,0,0.1) 0 0 20px; }
.pageDevice ul li img { display: block; width: 540px; height: 250px; margin: 18px auto;  }
.pageDevice ul li span { display: block; padding: 0 15px;  line-height: 58px; font-size: 16px; color: #333; text-align: center; overflow: hidden; }


/* pageNews */
.pageNews{ margin: 60px auto;}
.pageNews li{ float: left; width: 100%; margin-bottom: 30px; overflow: hidden;}
.pageNews li .img{ width: 275px; height: 230px; background-color: #1d5fb6; overflow: hidden;}
.pageNews li .img img{ width: 265px; height: 220px; margin: 5px; transition: all 1s;}
.pageNews li .right{ width: 890px; height: 230px;}
.pageNews li .right .name{ width: 100%; padding: 20px 0; border-bottom: dotted 1px #ddd;}
.pageNews li .right .name a{ font-size: 18px; color: #333; font-weight: bold;}
.pageNews li .right .name a:hover{ color: #1d5fb6;}
.pageNews li .right .time{ font-size: 14px; color: #999; margin: 15px 0;}
.pageNews li .right .cont{ font-size: 14px; color: #666; line-height: 28px;}
.pageNews li .img:hover img{ transform:scale(1.2, 1.2);}

.pageNewsD{ margin: 60px auto;}
.pageNewsD .name{ font-size: 18px; text-align: center; color: #333; border-bottom: solid 1px #eee; padding-bottom: 25px;}
.pageNewsD .time{ font-size: 14px; text-align: center; color: #999; margin: 20px 0;}
.pageNewsD .cont{ width: 100%; font-size: 14px; color: #666; line-height: 28px;}
.pageNewsD .cont img{ max-width: 100%;}


/* pageProduct */
.pageProduct{ margin: 45px auto;}
.pageProduct ul{ width: 1230px; margin: 0 -15px;}
.pageProduct li{float: left; width: 380px; position: relative; overflow: hidden; margin: 15px;}
.pageProduct img{ width: 380px; height: 380px; position: relative; z-index: 1;}
.pageProduct li .cont{ width: 380px; height: 380px; position: absolute; z-index: 2; top: 383px; left: 0; background-color: rgba(29, 95, 182, 0.6); transition: all 1s;}
.pageProduct li .cont .line{ width: 90%; height: 90%; border: solid 1px rgba(255, 255, 255, 0.5); position: absolute; z-index: 2; top: 5%; left: 5%;;}
.pageProduct li .cont .name{ width: 70%; line-height: 30px; text-align: center; padding: 0 0; color: #fff; font-size: 18px; position: absolute; top: 35%; left: 15%; margin-top:0; z-index: 3; font-weight: bold;}
.pageProduct li .cont .name:hover{ color: #fff; }
.pageProduct li .cont .link{ width: 28px; height: 28px; border: solid 1px #fff; position: absolute; border-radius: 50%; bottom: 35%; left: 50%; margin:0 0 0 -15px; display: block; text-align: center; line-height: 28px; z-index: 3;}
.pageProduct li .cont .link a{ display: block; color: #fff; font-size: 18px;; }
.pageProduct li .cont .link:hover{ background-color: #fff; }
.pageProduct li .cont .link:hover a{color: #1d5fb6;}
.pageProduct li:hover .cont{ top: 0;}

.pageProductD{ margin: 60px auto;}
.pageProductD .name{ font-size: 18px; color: #333;  padding-bottom: 25px;}
.pageProductD .ImgList{ width: 1170px; border: solid 1px #eee; height: 520px; padding: 14px; margin: 20px 0; overflow: hidden; position: relative;}
.pageProductD .ImgList .pic{position: relative;z-index: 0; text-align: center;}
.pageProductD .ImgList .pic img{height: 520px;display: inline-block;}
.pageProductD .ImgList .hd{width: 100%;position: absolute;bottom: 30px; left: 0; text-align: center;font-size: 0;z-index: 1;}
.pageProductD .ImgList .hd li{margin: 0 5px; height: 12px; background-color: #eee; overflow: hidden; border-radius: 50%;  width: 12px;cursor: pointer;display: inline-block;zoom: 1;}
.pageProductD .ImgList .hd .on{ background-color: #1974A1;}
.pageProductD .details{ font-size: 20px; padding: 10px ;  color: #1d5fb6; font-weight: bold; border-bottom: solid 1px #eee;}
.pageProductD .cont{ font-size: 14px; color: #333; line-height: 28px; margin-top: 20px;}
.pageProductD .cont img{ max-width: 100%;}
/* .pageProductD .ImgList1{ height: 400px;}
.pageProductD .ImgList1 .pic img{ height: 400px;} */


/* pageJobs */
.pageJobs{ width: 1220px; margin: 60px -10px;}
.pageJobs li {display: block;float: left;padding:0;width: 253px; border: solid 1px #eee; opacity: 0; padding: 14px; margin:10px; position: relative; overflow: hidden; }
.pageJobs li .name{ width: 100%; font-size: 18px; color: #333; font-weight: bold;}
.pageJobs li .people{ font-size: 14px; color: #666; margin: 10px 0; width: 100%;}
.pageJobs li .cont{ width: 100%; font-size: 14px; line-height: 26px; color: #999;}
.pageJobs li .cont img{ max-width: 100%;}
.pageJobs li .tel{ width: 100%; font-size: 14px; color: #333; margin-top: 20px; line-height: 26px;}
.pageJobs li.shown, .no-js .pageJobs li, .no-cssanimations .pageJobs li {opacity: 1;}

.pageJobs.effect li.animate {-webkit-transform: translateY(200px); transform: translateY(200px); -webkit-animation: moveUp 0.65s ease forwards; animation: moveUp 0.65s ease forwards;}
@-webkit-keyframes moveUp {0% { } 100% { -webkit-transform: translateY(0); opacity: 1; }}
@keyframes moveUp {0% { } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }}


/* pageContact */
.pageContact{ margin: 60px auto;}
.pageContact dl{ float: left; width: 320px; height: 130px; padding: 60px 40px;}
.pageContact dl dt{ width: 40px; height: 40px; margin:0 auto ; background: url(../images/contactIcon.png) no-repeat;}
.pageContact dl:nth-child(1) dt{ background-position: 0 0;}
.pageContact dl:nth-child(2) dt{ background-position: -40px 0;}
.pageContact dl:nth-child(3) dt{ background-position: -80px 0;}
.pageContact dl:nth-child(odd){ background-color: #f5f5f5;}
.pageContact dl:nth-child(even){ background-color: #fff;}
.pageContact dl dd{ width: 100%; text-align: center; margin-top: 20px; }
.pageContact dl dd span{ font-size: 16px; color: #333; font-weight: bold;}
.pageContact dl dd p{ font-size: 18px; color: #1d5fb6; font-weight: bold; line-height: 30px; margin-top: 5px;}


/* pageMap */
.pageMap{ width: 100%; height: 460px; margin: 80px auto 0;}